import { REG } from "@/data/locations";
import { PageLifeProbeRequire } from "@/data/settings";
import { StyleMgr } from "../libs/core/styleOperation";

const entry = () => {
  return StyleMgr.add(
    "playerTags",
    `
    #main .introduction .tag .tag-single {
        border-radius: 0px;
    }
    #main .introduction .tag .tag-single:hover {
        transition: color .2s ease, background-color .2s ease;
        background-color: #f4f4f4;
    }
    #main .introduction .tag .tag-single a:hover {
        color: #000 !important;
    }
    `
  );
};

const module: ModulesConstructure = {
  name: "playerTags",
  type: "style",
  start: entry,
  condition: {
    siteMatch: [REG.video],
    pageLifeProbeRequire: PageLifeProbeRequire.Head,
  },
  optionUI: {
    enable: {
      type: "switch",
      department: "video",
      onActivate: () => {
        return true;
      },
      onDeactivate: () => {
        return false;
      },
    },
  },
};
export default module;
